.underlined {
    margin-top: 20px;
    flex: 1;

    input:focus {
        border: none !important;
        box-shadow: none !important;
    }

    span {
        box-shadow: none !important;
    }

    label {
        display: block;
        position: relative;
        padding-bottom: 8px;

        * {
            padding: 0;
        }

        input:focus ~ .lined {
            border-color: #378ef0;
            box-shadow: 0 1px 0 #378ef0;
        }

        input:hover ~ .lined {
            border-color: #d3d3d3;
        }

        > .lined {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            border-bottom: 1px solid #eaeaea;
            transition: all 0.3s ease;
        }
    }
}
